<link rel="stylesheet" type="text/css" href="/css/base.css" />
<link rel="stylesheet" type="text/css" href="/css/essay.css" />
<script type="text/javascript" src="/js/base.js"></script>
<script type="text/javascript" src="/js/essay.js"></script>

<div class="container-fluid essay-page">
    <div class="row">
        <div class="essay-box col-md-offset-2 col-md-8 col-xs-12 ">
            <h1>{{essay.title}}</h1>
            <p>{{{essay.content}}}</p>

            <form class="form-comment">
                <input type="hidden" value={{essay._id}} class="essay-id"></input>
                <textarea rows=6 class="comment-content form-control"></textarea>
                <button class="btn btn-primary btn-comment">评论</button>
            </form>
            <ul class="comment-list">
                {{#each essay.comments}}
                <li>
                    <div class="comment-header">
                        <h6>{{commentUser.name}}</h6>
                        <span>楼</span>
                    </div>
                    <div class="comment-body">
                        <p> {{{commentContent}}}</p>
                    </div>
                </li>
                {{/each}}
            </ul>

        </div>
    </div>
</div>